

<template>
  <view class="pt-20rpx">
    <wd-grid square :gutter="10" :column-num="5">
      <wd-grid-item text="考勤打卡" link-type="navigateTo" use-icon-slot>
        <template #icon>
          <wd-icon name="location" color="#31C9E8" size="24" />
        </template>
      </wd-grid-item>
      <wd-grid-item text="业务申请" link-type="navigateTo" use-icon-slot>
        <template #icon>
          <wd-icon name="edit-1" color="#70A6F6" size="24" />
        </template>
      </wd-grid-item>
      <wd-grid-item text="请假申请" link-type="navigateTo" use-icon-slot>
        <template #icon>
          <wd-icon name="spool" color="#FF7C84" size="24" />
        </template>
      </wd-grid-item>
      <wd-grid-item text="审批" link-type="navigateTo" use-icon-slot>
        <template #icon>
          <Icon icon="icon-park-outline:seal" color="#FFAA7F" size="5" />
        </template>
      </wd-grid-item>
      <wd-grid-item text="待办" link-type="navigateTo" use-icon-slot>
        <template #icon>
          <Icon icon="ri:todo-fill" color="#31C9E8" size="5" />
        </template>
      </wd-grid-item>
    </wd-grid>
  </view>
</template>
<script setup lang="ts">

import {Icon} from "@iconify/vue";
</script>
<style scoped>

</style>